<template>
  <div>
    <chart-main-header />
    <chart-main-content :items="items" />
    <char-main-footer />
  </div>
</template>

<script>
import chartMainContent from "./chart-main/chartMainContent";
import chartMainHeader from "./chart-main/chartMainHeader.vue";
import charMainFooter from "./chart-main/charMainFooter.vue";

export default {
  components: { chartMainHeader, chartMainContent, charMainFooter },
  data() {
    return {
      items: [],
    };
  },
  mounted() {
   
    this.init();
  },
  methods: {
    init() {
      this.$axios
        .get("/nces/ncesTimeOlders", {})
        .then((res) => {       
            //  console.log(res);
          this.items.push(res.data.result.finishList)
          this.items.push(res.data.result.unfinishList)
          this.items.push(res.data.result.totalList)
        //  let items2=  JSON.parse(JSON.stringify(this.items))
  
        }).catch((e) => console.log(e));
    },
  },
 
};
</script>

<style>
</style>